<!-- 盘存 -->
<template>
	<view>
		<div>
			<navitop>
				<i class="iconfont icon-jiantou-copy" slot="left-slot" @click="outlot"></i>
				<span slot="center-slot">
					<h4>{{titles}}</h4>
				</span>
				<i  slot="right-slot">
					<!-- <i class="iconfont icon-sousuo1" style="font-size: 25px;padding-left: 15px;" ></i> -->
					<!-- <i class="iconfont icon-youcecaidan" style="font-size: 25px;padding-left: 15px;" @click="class_sort" v-if="search_type"></i> -->
				</i>
			</navitop>
		</div>
		<view :style="'padding-top:' + nv_height">
			
			 <!-- 现存量搜索 -->
			<view v-if="curl_option.code == 0">
				<div class="input_sarch" v-if="sarch_type">
					<div class="sarch_input">
						<input v-model="name_list" placeholder="请输入编码"/>
					</div>
					<div class="sarch_text" @click="search_click">
						<text>搜索</text>
					</div>
				</div>
			</view>
			
			<!-- 流水表收缩 -->
			
			<view v-if="curl_option.code != 0">
				<div class="top_tilte" v-if="sarch_type">
					<div class="top_title_one">
						<div class="top_title_name">期间:</div>
						<div class="">
							<select-lay class="search_xu" :zindex="0" :value="tval_begin"  placeholder="选择开始期间" :options="datalist_end" @selectitem="begin_time">
							</select-lay>
						</div>
					</div>
					<div class="top_title_one">
						<div class="top_title_name">至</div>
						<div class="">
							<select-lay class="search_xu" :zindex="0" :value="tval_begins"  :placeholder="tval_begins" :options="datalist_end" @selectitem="end_time">
							</select-lay>
						</div>
					</div>
				</div>
			</view>
			
			<!-- 台账 -->
			<view v-if="curl_option.code == 4">
				<div class="input_sarch" >
					<div class="ssearch_time">
						<div class="search_tou">仓库名称:</div>
						<div class="search_qis" @click="chang_alert">
							<input :value="warehouseName" disabled/>
						</div>
					</div>
				</div>
				<div class="input_sarch">
					<div class="ssearch_time">
						<div class="search_tou">物料名称:</div>
						<div class="search_qis"  @click="chang_bill">
							<input :value="inventoryName" disabled/>
						</div>
					</div>
				</div>
				<div class="input_sarch" v-if="inventoryCode">
					<div class="ssearch_time">
						<div class="search_tou">物料编码:</div>
						<div class="search_qis" >
							<input :value="inventoryCode" disabled />
						</div>
					</div>
				</div>
				<div class="input_sarch"  v-if='Expert_type'>
					<div class="ssearch_time">
						<div class="search_tou">规格型号:</div>
						<div class="search_qis">
							<input :value="Expert_type" disabled/>
						</div>
					</div>
				</div>
			</view>
			
			<!-- 现存量 -->
			<div class="list_out" v-for="(item,index) in dataSorce" v-if="curl_option.code == 0">
				<div class="list_nav" >
					<div class="list_left">
						厂库名称:
					</div>
					<div class="list_right">
						{{item.warehouseName}}
					</div>
				</div>
					<div class="list_nav" >
						<div class="list_left">
							物料编码:
						</div>
						<div class="list_right">
							{{item.inventoryCode}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料名称:
						</div>
						<div class="list_right">
							{{item.inventoryName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							规格型号:
						</div>
						<div class="list_right">
							{{item.inventorySpecification}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							主计量:
						</div>
						<div class="list_right">
							{{item.unitName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							现存量:
						</div>
						<div class="list_right">
							{{item.inventoryQuantity}}
						</div>
					</div>
			</div>
			<!-- 出入库流水 -->
			<div class="list_out" v-for="(item,index) in dataSorce" v-if="curl_option.code == 1">
					<div class="list_nav" >
						<div class="list_left">
							仓库:
						</div>
						<div class="list_right">
							{{item.warehouseName}}
						</div>
					</div>
					
					<div class="list_nav" >
						<div class="list_left">
							单据类型:
						</div>
						<div class="list_right">
							{{listType(item)}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料编码:
						</div>
						<div class="list_right">
							{{item.inventoryCode}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料名称:
						</div>
						<div class="list_right">
							{{item.inventoryName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							规格型号:
						</div>
						<div class="list_right">
							{{item.inventorySpecification}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left" >
							{{item.receiveDeliverType == 1 ? '入库数量:': '出库数量:'}}
						</div>
						<div class="list_right" :style="item.receiveDeliverType !== 1 ? 'color: red;' : '' ">
							{{item.baseQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							出入库日期:
						</div>
						<div class="list_right">
							{{item.inDate}}
						</div>
					</div>
			</div>
			<!-- 出入库汇总 -->
			<div class="list_out" v-for="(item,index) in dataSorce" v-if="curl_option.code == 2">
					<div class="list_nav" >
						<div class="list_left">
							仓库:
						</div>
						<div class="list_right">
							{{item.warehouseName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料编码:
						</div>
						<div class="list_right">
							{{item.inventoryCode}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料名称:
						</div>
						<div class="list_right">
							{{item.inventoryName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							规格型号:
						</div>
						<div class="list_right">
							{{item.inventorySpecification}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							计量单位:
						</div>
						<div class="list_right">
							{{item.baseUnitName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							入库数量:
						</div>
						<div class="list_right">
							{{item.inTotalQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							出库数量:
						</div>
						<div class="list_right">
							{{item.outTotalQuantity}}
						</div>
					</div>
			</div>
			<!-- 收发汇总 -->
			<div class="list_out" v-for="(item,index) in dataSorce" v-if="curl_option.code == 3">
				<div class="list_nav" >
					<div class="list_left">
						仓库:
					</div>
					<div class="list_right">
						{{item.warehouseName}}
					</div>
				</div>
					<div class="list_nav" >
						<div class="list_left">
							物料编码:
						</div>
						<div class="list_right">
							{{item.inventoryCode}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							物料名称:
						</div>
						<div class="list_right">
							{{item.inventoryName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							规格型号:
						</div>
						<div class="list_right">
							{{item.inventorySpecification}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							计量单位:
						</div>
						<div class="list_right">
							{{item.baseUnitName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							本期入库数量:
						</div>
						<div class="list_right">
							{{item.inTotalQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							本期出库数量:
						</div>
						<div class="list_right">
							{{item.outTotalQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							期末结存:
						</div>
						<div class="list_right">
							{{item.endTotalQuantity}}
						</div>
					</div>
			</div>
			<!-- 库存台账 -->
			<div class="list_out" v-for="(item,index) in dataSorce" v-if="curl_option.code == 4">
					<div class="list_nav" >
						<div class="list_left">
							单据类型:
						</div>
						<div class="list_right">
							{{listType(item)}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							单据编号:
						</div>
						<div class="list_right">
							{{item.voucherCode}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							供应商:
						</div>
						<div class="list_right">
							{{item.vendorName}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							收入数量:
						</div>
						<div class="list_right">
							{{item.inBaseQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							发出数量:
						</div>
						<div class="list_right">
							{{item.outBaseQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							结存数量:
						</div>
						<div class="list_right">
							{{item.balanceBaseQuantity}}
						</div>
					</div>
					<div class="list_nav" >
						<div class="list_left">
							出入库日期:
						</div>
						<div class="list_right">
							{{item.voucherDate}}
						</div>
					</div>
			</div>
			<div class="null_title" v-if="dataSorce == ''">
				<div>
					<i class="iconfont icon-empty iconcize"></i>
				</div>
				<div class="null_title_tow">
					没有更多数据
				</div>
			</div>
		</view>
		
		
		<!-- 选择物料 -->
		<popus ref="bill_alert">
			<div :style="'width:' + bo_windth " class="bill_wiat">
				<billde @bill_end="bill_end"></billde>
			</div>
		</popus>
		
		
		<!-- 搜索上拉 -->
		<popus ref="science_al">
			<div :style="'width:' + bo_windth " class="bill_wiat">
				<sciencealer @row="row" @closes="closes" :dataSorc="popup_Data"></sciencealer>
			</div>
		</popus>
		
		<!-- 扫码 -->
		<moncode :Scan_code="scancode"></moncode>
	</view>
</template>

<script>
	import popus from '@/uni_modules/uni-popup/components/uni-popup/uni-popup'
	import navitop from '@/components/common/navi-top'
	import billde from '@/components/common/bill/bill-details-alert.vue'
	import sciencealer from '@/pages/common/common/alert/sciencealert'
	import moncode from "@/components/dumenghanfeng-monitorScanCode/monitorScanCode.vue"
	import {list,voucherDynamicPage,pageVInventoryCheckMain,statisticStorageOnHandVo,statisticInOutRecordDetailVo,SummaryVo,ParentVo} from '@/common/api/job/sale.js'
	import {Plist,staBookVo,listhouses,voucherPage,StorageOnHandVo,RecordDetailVo,SummaryVop,ParentSummaryVo,periodlist} from '@/common/api/job/bill.js'
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import fontListan from '@/pages/common/common/list/fontlist_analysis.vue'
	import chunLeiPopups from "@/components/chunLei-popups/chunLei-popups";
	export default {
		components: {
			navitop,
			chunLeiPopups,
			fontListan,
			popus,
			sciencealer,
			billde,
			moncode
		},
	mixins: [MescrollMixin],
	data(){
		return {
			dataSorce:[],
			popup_Data:[],
			tval_begin: "",
			bo_windth: '', 
			tval_begins: "结束期间",
			scancode: 'commonlist', // 扫码自定义事件
			titles: '',
			nv_height: '',	//获取导航高度
			nv_height_lsit: '',	//获取导航高度
			value:false,
			name_list:'',	// 获取搜索数据
			// 下拉刷新的配置
			downOption: {
				auto: false,
				beforeEndDelay: 300
			},
			curl_option: '',
			// 上拉加载的配置
			upOption: {
				auto: false,
				page: {
					size: 10 // 每页数据的数量,默认10
				},
				noMoreSize: 5, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
				empty: {
					use: true,
					tip: '暂无相关数据'
				},
				textNoMore: '没有更多数据了...',
				toTop: {
					offset: 1000 // 滚动多少才显示to-top 
				}
			},
			type_Nab: '',
			sarch_type: true,
			pages:1,
			start_time: '',	//开始时间
			End_time: '',	//结束时间
			start_time_tyoe: '',	//开始时间状态
			End_time_type: '',	//结束时间状态
			up_data: {
				businessTypes: [],
				dataSources: [],
				endPeriod: null,
				inOutDateEnd: "",
				inOutDateStart: "",
				inventoryClassIds: "",
				inventoryCodeEnd: null,
				inventoryCodeStart: null,
				inventoryName: null,
				page: {current: 1, size: 200},
				startPeriod: null,
				warehouseIds: [],
			},
			datalist: [],
			datalist_end: [],
			ProductActive: '',
			warehouseName: '',	// 仓库名 
			warehouseId: '',	// 仓ID
			Expert_type: '',	// 物料编码
			inventoryName: '',	// 物料名称
			inventoryCode:'',	// 物料编码
			dataSorcermap: new Map ([
				['PeriodStartOfStock','库存期初'],
				['PurchaseReceiveVoucher','采购入库'],
				['ProductReceiveVoucher','产成品入库'],
				['DelegateReceiveVoucher','委外入库'],
				['OtherReceiveVoucher','其他入库'],
				['SaleDispatchVoucher','销售出库'],
				['DelegateDispatchVoucher','委外出库'],
				['OtherDispatchVoucher','其他出库'],
				['MaterialDispatchVoucher','材料出库'],
			]),
			
		} 
	}, 
	onLoad(val) { 
		this.curl_option = val; 
		this.titles = val.title;
		if(val.code == 4){
			this.sarch_type = false;
		} 
		
		let _this = this;
		uni.$off(this.scancode);
		uni.$on(this.scancode, function(rst) {
			console.log('扫码结果', rst.msg)
			_this.scan_code = rst.msg; // 获取扫码结果
			// _this.inventory_list(rst.msg);
			_this.name_list = rst.msg;
			_this.sweep_codes(rst.msg);
		})
	},
	mounted() {
		this.nv_height = uni.getSystemInfoSync().statusBarHeight + 60 + 'px';
		
		this.bo_windth = uni.getSystemInfoSync().windowWidth + 'px';
		
		this.analysis_list();
		
	},
	methods: {
		// 扫码搜索
		sweep_codes(rst){
			
			this.search_http(rst);
			
		},
		
		// 点击搜索
		search_click(){
			if(!this.name_list){
				uni.showToast({
					title: '请输入搜索内容',
					icon: 'none'
				})
				return false
			}
			this.search_http(this.name_list);
		},
		
		// 搜索请求接口
		
		search_http(url_data){
			let _this = this;
			let data = {};
			_this.pages = 1;
			uni.showLoading({
				title: '加载中...'
			})
			data = {inventoryCodeEnd: url_data, inventoryCodeStart: url_data,current: 1,size: 10,inventoryName: ''};
			StorageOnHandVo(data).then(item => {
				if(item.code == 200){
					uni.hideLoading();
					_this.dataSorce = [];
					if(_this.pages == 1){
						_this.dataSorce = item.data.records;
					}else{
						item.data.records.filter(val => {
							_this.dataSorce.push(val)
						})
					}
				}
			})
		},
		
		
		listType(record){
			let backText = '';
			backText = this.dataSorcermap.get(record.dataSource)
			  if (record.businessType == 5) {
					backText = '材料退货';
				} else if (record.businessType == 98) {
					backText = '销售退货';
				} else if (record.businessType == 99) {
					backText = '采购退货';
				} else if (record.businessType == 94) {
					backText = '产品退库';
				} else if (record.businessType == 95) {
					backText = '委外产品退库';
				} 
			return backText;
		},
		// 返回
		outlot(){
			uni.switchTab({
				url: '/pages/index/index'
			})
		},
		
		// 物料弹窗
		chang_bill(){
			if(this.warehouseName){
				this.$refs.bill_alert.open('right');
			}else{
				uni.showToast({
					title: '请选择仓库',
					icon: 'none'
				})
			}
		},
		
		
		// 仓库弹窗
		chang_alert(){
			this.$refs.science_al.open('bottom');
		},
		
		// 获取选中物料
		bill_end(val){
			if(val){
				this.staBookVo_list(val.id);
				this.Expert_type = val.inventorySpecification;
				this.inventoryName = val.inventoryName;
				this.inventoryCode = val.inventoryCode;
			}
			this.$refs.bill_alert.close();
		},
		
		// 获取仓库
		chang_alert() {
			let _this = this;
			this.popup_Data = [];
			listhouses(this.data_curl_rst).then((rst) => {
				if (rst.code == 200) {
					rst.data.records.filter((item) => {
						_this.popup_Data.push({
							name: item.whName,
							code: '55',
							id: item.id,
							whCode: item.whCode
						})
					})
				}
			})
			this.$refs.science_al.open('bottom')
		},
		
		row(val){
			this.warehouseName = val.name;
			this.warehouseId = val.id;
			this.$refs.science_al.close();
		},
		
		// 台账搜索
		staBookVo_list(val){
			staBookVo({inventoryId: val,page: {current: 1, size: 200}, warehouseId: this.warehouseId}).then(item => {
				if(item.code == 200){
					this.dataSorce = item.data.records.filter(item => item.receiveDeliverType < 3);
				}
			}) 
		},
		
		
		// 获取期间
		period_list(result){
			periodlist().then(item => {
				if(item.code == 200){
					item.data[0].erpPeriodList.filter(item => {
						this.$set(item,'value',item.beginDate)
						this.$set(item,'label',item.beginDate)
					})
					this.datalist = item.data[0].erpPeriodList;
					this.datalist_end = item.data[0].erpPeriodList;
				}
			})
		},
		
		
		// 开始时间
		begin_time(val){
			this.tval_begin = this.datalist[val].beginDate;
			this.up_data.startPeriod = this.datalist[val].id;
		},
		
		//结束时间
		end_time(val){
			this.tval_begins = this.datalist_end[val].endDate;
			this.up_data.endPeriod = this.datalist_end[val].id;
			this.search_list(this.pages);
		},
		
		// 搜索
		search_list(pages){
			uni.showLoading({
				title: '加载中。。。'
			})
			let data = {searchKey: this.name_list};
			if(this.curl_option.code == '0'){
				StorageOnHandVo(data).then(item => {
					if(item.code == 200){
						uni.hideLoading();
						this.dataSorce = [];
						if(pages == 1){
							this.dataSorce = item.data.records;
						}else{
							item.data.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}else if(this.curl_option.code == '1') {
				RecordDetailVo(this.up_data).then(item => {
					if(item.code == 200){
						console.log(item)
							uni.hideLoading();
						if(pages == 1){
							this.dataSorce = item.data.records;
						}else{
							item.data.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}else if(this.curl_option.code == '2') {
				SummaryVop(this.up_data).then(item => {
					if(item.code == 200){
						console.log(item)
							uni.hideLoading();
						if(item.data.inventoryPage){
							if(pages == 1){
								this.dataSorce = item.data.inventoryPage.records;
							}else{
								item.data.inventoryPage.records.filter(val => {
									this.dataSorce.push(val)
								})
							}
						}else{
							this.dataSorce = []
						}
						
					}
				})
			}else if(this.curl_option.code == '3') {
				ParentSummaryVo(this.up_data).then(item => {
					if(item.code == 200){
						console.log(item)
						uni.hideLoading();
						if(item.data){
							if(pages == 1){
								this.dataSorce = item.data.inventoryPage.records;
							}else{
								item.data.inventoryPage.records.filter(val => {
									this.dataSorce.push(val)
								})
							}
						}else{
							this.dataSorce = []
						}
					}
				})
			}
			
		},
		
		// 现存量
		analysis_list(pages){
			let url_data = {businessTypes: [],dataSources: [],inventoryClassIds: "",inventoryCodeEnd: null,inventoryCodeStart: null,inventoryName: null,page: {current: pages, size: -1},voucherDateEnd: null,voucherDateStart: null,warehouseIds: []}
			
			
			this.period_list();
			if(this.curl_option.code == '0'){
				statisticStorageOnHandVo({current: 1,size: -1,inventoryClassIds: ''}).then(item => {
					if(item.code == 200){
						if(pages == 1){
							this.dataSorce = item.data.records;
						}else{
							item.data.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}else if(this.curl_option.code == '1'){
				statisticInOutRecordDetailVo(url_data).then(item => {
					if(item.code == 200){
						if(pages == 1){
							this.dataSorce = item.data.records;
						}else{
							item.data.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}else if(this.curl_option.code == '2'){
				SummaryVo(url_data).then(item => {
					if(item.code == 200){
						if(pages == 1){
							this.dataSorce = item.data.inventoryPage.records;
						}else{
							item.data.inventoryPage.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}else if(this.curl_option.code == '3'){
				ParentVo(url_data).then(item => {
					if(item.code == 200){
						console.log(item)
						if(pages == 1){
							this.dataSorce = item.data.inventoryPage.records;
						}else{
							item.data.inventoryPage.records.filter(val => {
								this.dataSorce.push(val)
							})
						}
					}
				})
			}
			
		},
		
		
		
		
		/*下拉刷新的回调*/
		downCallback(val) {
			// 下拉刷新和上拉加载调同样的接口,直接mescroll.resetUpScroll()即可
			
			if(this.curl_option.msg == 'Inventory' || this.curl_option.msg == 'analysis'){
				if(this.curl_option.msg == 'Inventory'){
					this.Inventory_list(this.pages);
				}else if(this.curl_option.msg == 'analysis') {
					this.analysis_list(this.pages);
				}
			}else{
				this.getList(this.pages);
			}
			
			setTimeout(() => {
				this.mescroll.endSuccess();
			}, 500)
		},
		
		// 上拉加载
		upCallback(page) {
			this.pages++;
			let sun = this.pages;
			if(this.curl_option.msg == 'Inventory' || this.curl_option.msg == 'analysis'){
				if(this.curl_option.msg == 'Inventory'){
					this.Inventory_list(sun);
				}else if(this.curl_option.msg == 'analysis') {
					this.analysis_list(sun);
				}
			}else{
				this.getList(sun);
			}
			// let obj = {
			// 	current: page.num, // 页码, 默认1
			// 	size: page.size, // 页长, 默认10条
			// };
			setTimeout(()=>{
				this.mescroll.endErr();
			},500)
		},
	}
}
</script>

<style scoped lang="scss">
.top_tilte {
	background-color: #fff;
	width: 95%;
	margin: auto;
}	
.top_title_one {
	display: flex;
	height: 90rpx;
	line-height: 90rpx;
}
.top_title_name {
	width: 15%;
	padding: 0 0 0 30rpx;
}

.bill_wiat {
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

.search_xu {
	margin-top: 5px;
}	
.search_tou {
	width: 25%;
	margin-left: 10px;
	
}
.search_to {
	margin-left: 10px;
	width: 100%;
}
.search_qi {
	margin-right: 20px;
	border: 1px solid red;
	input {
		width: 95%;
		border-bottom: 1px solid #cacaca;
	}
}	

.search_qis {
	margin-right: 20px;
	width: 80%;
	input {
		width: 95%;
		border-bottom: 1px solid #cacaca;
	}
}	
.search_zong {
	width: 30%;
	margin: 0 0 0 20px;
	input {
		width: 95%;
		border-bottom: 1px solid #cacaca;
	}
	select {
		width: 100%;
		height: 60rpx;
		border: 0;
		border-bottom: 1px solid #cacaca;
	}
}
	
.ssearch_time {
	display: flex;
	height: 90rpx;
	line-height: 90rpx;
	width: 100%;
	div {
		overflow: hidden;
	}
}	
	
.input_sarch {
		z-index: 99;
		// position: fixed;
		display: flex;
		height: 90rpx;
		width: 95%;
		margin: auto;
		background-color: #fff;
		.sarch_input {
			width: 80%;
			// margin-top: -3px;
			padding-left: 25rpx;
			input {
				border: 1px solid #cacaca;
				border-radius: 4px;
				width: 95%;
			}
			
		}
		.sarch_text {
			width: 30%;
			text-align: center;
			margin-top: 3px;
			text {
				height: 90rpx;
				line-height: 80rpx;
				text-align: center;
				padding: 10rpx 35rpx 10rpx 35rpx;
				background-color: #1890ff;
				color: #fff;
				border-radius: 4px;
			}
		}
		input:hover {
				border: 1px solid #1890ff;
		}
	}


	
// 头部切换
.second_serch {
	height: 90rpx;
	width: 100%;
	line-height: 90rpx;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
	display: flex;
	// justify-content: space-between;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	div {
		padding:  0 40rpx 0 40rpx;
	}
}

//头部切换样式背景
.second_serch_top{
	background-color: rgb(34, 131, 228);
	color:#fff;
}


.list_out {
	width: 100%;
	margin-top: 8px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}	

.list_nav {
	display: flex;
	width: 95%;
	margin: auto;
	background-color: #fff;
	padding: 0 0 0 10rpx;
}

.list_left {
	width: 30%;
	height: 60rpx;
	line-height: 60rpx;
	overflow: hidden;
}
.list_right {
	width: 65%;
	height: 60rpx;
	line-height: 60rpx;
	overflow: hidden;
}
</style>
